.el-loading-spinner{
    /*这个是自己想设置的 gif 加载动图*/
    background-image:url('../loading.gif');
    background-repeat: no-repeat;
    background-size: 200px 120px;
    height:100px;
    width:100%;
    background-position:center;
    /*覆盖 element-ui  默认的 50%    因为此处设置了height:100%,所以不设置的话，会只显示一半，因为被top顶下去了*/
    top:40%;
    position: relative; /* 设置相对定位 */
}
.el-loading-spinner .circular {
    /*隐藏 之前  element-ui  默认的 loading 动画*/

    display: none !important;

}

.el-loading-spinner .el-loading-text{
    /*为了使得文字在loading图下面*/
    /*margin:85px 0px;*/
    position: absolute; /* 使用绝对定位 */
    bottom: 0; /* 定位到容器的底部 */
    left: 50%; /* 水平居中 */
    transform: translateX(-50%); /* 垂直居中 */
}